<template>
    <view class="page">
        <view style="background: linear-gradient(180deg, rgba(226, 244, 243, 1) 0%, rgba(183, 235, 192, 0) 100%);">
            <back :title="sercerObj.name + '详情'" :isBack="true" :isBg="false"></back>
        </view>
        <scroll-view scroll-y class="content_box">
            <!-- <rich-text class="content_text_box" :nodes="cover_img"></rich-text> -->
            <!-- <view class="car_pic_box">
                <image :src="sercerObj.cover_img" mode="scaleToFill" />
            </view>
            <view class="specification_box">
                <view class="left_specification_box">
                    <view class="left_specification_title_box">
                        <view class="dian_box"></view>
                        <view class="specification_text_box">规格</view>
                    </view>
                    <view class="left_content_box">
                        <text style="color: rgba(128, 128, 128, 1);">车箱长：</text>
                        <text>约10米</text>
                    </view>
                    <view class="left_content_box">
                        <text style="color: rgba(128, 128, 128, 1);">车箱宽：</text>
                        <text>约1米</text>
                    </view>
                    <view class="left_content_box">
                        <text style="color: rgba(128, 128, 128, 1);">车箱高：</text>
                        <text>约1米</text>
                    </view>
                </view>
                <view class="right_specification_box">
                    <view class="right_specification_title_box">
                        <view class="dian_box"></view>
                        <view class="klds_bvox">容积</view>
                    </view>
                    <view class="right_content_box">
                        <text>大约10方</text>
                    </view>
                </view>
            </view> -->

            <view class="content_text_box" v-html="sercerObj.content"> </view>
            <!-- <view class="consult_box">如需租车请咨询客服热线：400-1233-1223</view> -->
        </scroll-view>
    </view>
</template>
<script>
import back from "@/components/goback/goback"
import empoy from "@/components/empoy/empoy"
export default {
    components: {
        back, empoy
    },
    data() {
        return {
            serverId: '',//服务列表id
            sercerObj: {}
        }
    },
    onLoad(options) {
        this.serverId = options.serverId
    },
    onShow() {
        this.getInfo()
    },
    methods: {
        getInfo() {
            this.$Request.post(this.$api.server.articleDetail, { id: this.serverId }).then(res => {
                if (res.code == 200) {
                    this.sercerObj = res.data
                }

            })
        }
    }
}
</script>
<style lang="scss" scoped>
.page {
    width: 100vw;
    min-height: 100vh;


    // .content_box {
    //     width: 704rpx;
    //     height: calc(100vh - 200rpx);
    //     background: rgba(255, 255, 255, 1);
    //     margin: auto;
    //     box-sizing: border-box;
    //     padding-top: 66rpx;

    //     .car_pic_box {
    //         width: 580rpx;
    //         height: 320rpx;
    //         margin: auto;
    //         margin-bottom: 80rpx;

    //         image {
    //             width: 100%;
    //             height: 100%;
    //         }

    //     }

    //     .specification_box {
    //         width: 100%;
    //         height: 188rpx;
    //         // background-color: aqua;
    //         display: flex;
    //         justify-content: space-between;
    //         box-sizing: border-box;
    //         padding: 0 66rpx;
    //         margin-bottom: 48rpx;

    //         .left_specification_box {
    //             width: 50%;
    //             height: 100%;

    //             .left_specification_title_box {
    //                 width: 100%;
    //                 height: 40rpx;
    //                 display: flex;
    //                 justify-content: flex-start;
    //                 align-items: center;
    //                 margin-bottom: 12rpx;

    //                 .dian_box {
    //                     width: 8rpx;
    //                     height: 8rpx;
    //                     background: rgba(204, 204, 204, 1);
    //                     margin-right: 10rpx;
    //                 }

    //                 .specification_text_box {
    //                     height: 40rpx;
    //                     line-height: 40rpx;
    //                     font-size: 28rpx;
    //                     font-weight: 400;
    //                     line-height: 40rpx;
    //                     color: rgba(128, 128, 128, 1);
    //                 }
    //             }

    //             .left_content_box {
    //                 width: 100%;
    //                 text-align: center;
    //                 height: 40rpx;
    //                 line-height: 40rpx;
    //                 font-size: 28rpx;
    //                 font-weight: 400;
    //                 color: rgba(0, 0, 0, 1);
    //                 margin-bottom: 10rpx;
    //                 box-sizing: border-box;
    //                 padding-left: 16rpx;
    //             }
    //         }

    //         .right_specification_box {
    //             width: 50%;
    //             height: 100%;

    //             .right_specification_title_box {
    //                 width: 100%;
    //                 height: 40rpx;
    //                 display: flex;
    //                 justify-content: flex-start;
    //                 align-items: center;
    //                 margin-bottom: 12rpx;

    //                 .dian_box {
    //                     width: 8rpx;
    //                     height: 8rpx;
    //                     background: rgba(204, 204, 204, 1);
    //                     margin-right: 10rpx;
    //                 }

    //                 .klds_bvox {
    //                     height: 40rpx;
    //                     line-height: 40rpx;
    //                     font-size: 28rpx;
    //                     font-weight: 400;
    //                     line-height: 40rpx;
    //                     color: rgba(128, 128, 128, 1);
    //                 }
    //             }

    //             .right_content_box {
    //                 width: 100%;
    //                 height: 40rpx;
    //                 line-height: 40rpx;
    //                 font-size: 28rpx;
    //                 font-weight: 400;
    //                 color: rgba(0, 0, 0, 1);
    //                 margin-bottom: 10rpx;
    //                 box-sizing: border-box;
    //                 padding-left: 16rpx;
    //             }
    //         }
    //     }

    .content_text_box {
        width: 630rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: rgba(0, 0, 0, 1);
        margin: auto;
        margin-bottom: 90rpx;

    }

    //     .consult_box {
    //         width: 100%;
    //         height: 40rpx;
    //         font-size: 28rpx;
    //         font-weight: 600;
    //         letter-spacing: 0rpx;
    //         line-height: 40rpx;
    //         color: rgba(0, 0, 0, 1);
    //         text-align: center;

    //     }

    // }



}
</style>
